function renderCart(){
    var msg = localStorage.getItem("proMsg");
    if(msg === null){
        msg = [];
    }else{
        msg = JSON.parse(msg);
    }
    // console.log(msg);

    if(msg.length < 1){
        $(".empty").show();
        $(".cartProList").hide();
        $(".cartProFoot").hide();
    }else{
        $(".empty").hide();
        $(".cartProList").show();
        $(".cartProFoot").show();

        // msg
        $.ajax({
            url:"http://localhost/元培学院计科大前端实训/NZ002/data/pro.json",
            dataType:"text",
            success:function(res){
                res = JSON.parse(res);
                var str = "";
                for(var i=0;i<res.length;i++){
                    for(var j=0;j<msg.length;j++){
                        if(res[i].proId === msg[j].id){
                            str += `<div class="list" index="${res[i].proId}">
                                        <img src="${res[i].proImg}" alt="">
                                        <div class="info">
                                            <h3>${res[i].proName}</h3>
                                            <p>${res[i].proInfo}</p>
                                            <p>${res[i].price} <span>x ${msg[j].num}</span></p>
                                        </div>
                                        <span class="proDel">X</span>
                                    </div>`
                        }
                    }
                }
                $(".cartProList").html(str);

                $(".proDel").click(function(){
                    var id = $(this).parent().attr("index");
                    $(this).parent().remove();
                    for(var i=0;i<msg.length;i++){
                        if(msg[i].id === id){
                            break;
                        }
                    }
                    msg.splice(i, 1);
                    localStorage.setItem("proMsg", JSON.stringify(msg));

                    // 都判断一次是否存在数据
                    if(msg.length < 1){
                        $(".empty").show();
                        $(".cartProList").hide();
                        $(".cartProFoot").hide();
                    }else{
                        $(".empty").hide();
                        $(".cartProList").show();
                        $(".cartProFoot").show();
                    }
                })
            }
        })
        // 计算总数量
        // 计算总价格

        var sum = 0;
        var sumPrice = 0;
        for(var i=0;i<msg.length;i++){
            sum += msg[i].num * 1;
            sumPrice += msg[i].num * msg[i].price;
        }
        $(".cartSum").html(sum);
        $(".cartSumPrice").html(sumPrice);
    }
}